.hb-steps {
  @apply ml-4 mb-12 pl-6 border-l border-gray-200 dark:border-neutral-600 [counter-reset:hb_step];
}

.hb-steps h3 {
  counter-increment: hb-step;

  &::before {
    @apply absolute w-[33px] h-[33px];
    @apply rounded-full border-4 border-white dark:border-slate-300;
    @apply bg-gray-100 dark:bg-hb-dark;
    @apply text-neutral-700 dark:text-neutral-200 text-base font-normal text-center -indent-px;
    @apply mt-[3px] ml-[-41px];

    content: counter(hb-step);
  }
}
